//右侧信息展示内容 提示信息
import React from 'react';
import unfinish from '../../../../assets/busi/reportingServices/manBankReport/unfinish.png';
import finish from '../../../../assets/busi/reportingServices/manBankReport/finish.png';
import styles from './index.less';
import { noConflict } from 'lodash';
class RightInfo extends React.Component {
  render() {
    return (
      <div className={styles.rightCss}>
        {!this.props.noLeft && (
          <div style={{ display: 'flex', alignItems: 'center' }}>
            <img src={unfinish} style={{ height: '8px' }}></img>
            <span>{this.props.redTitle}</span>
          </div>
        )}
        {this.props.hasRight && (
          <div style={{ display: 'flex', alignItems: 'center', marginLeft: '20px' }}>
            <img src={finish} style={{ height: '8px' }}></img>
            <span>对应色块代表该条数据已完成确认</span>
          </div>
        )}
      </div>
    );
  }
}
export default RightInfo;
